.title_j {
    margin-left: 20px;
}

td {
    text-align: center;
    vertical-align: middle !important;
    font-family: 微软雅黑, Helvetica, sans-serif;
}

/*th {*/
/*    text-align: center;*/
/*    vertical-align: middle !important;*/
/*}*/

h1 {
    font-family: 微软雅黑, Helvetica, sans-serif;
}

ul li {
    display: inline;
    list-style-type: none;
}

ul {
    padding-inline-start: 0px;

}
#user {
    text-align: center;
    vertical-align: middle !important;
}

.neumorphic{
  width: 1140px;
  border-spacing: 0;
  color: #212121;
  text-align: center;
  overflow: hidden;
  box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6),
  -9px -9px 16px rgba(255, 255, 255, 0.6);
}
.neumorphic thead{
  box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6);
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6);
}
th {
    display: table-cell;
    font-weight: bold;
    text-align: center;
    vertical-align: middle !important;
}
.neumorphic th{
  padding: 5px;
}

.neumorphic>tbody>tr>td {
  padding: 5px;
  font-size: 14px;
  position: relative;
}


.neumorphic>tbody>tr:hover {
  padding: 20px;
  box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6),
  -9px -9px 16px rgba(255, 255, 255, 0.6);
}

.neumorphic tr td:first-child::before {
  content: "";
  position: absolute;
  padding: 7px;
  top: 0;
  left: -5000px;
  width: 10000px;
  height: 100%;
  z-index: -10;
}

.neumorphic td:hover::after {
  content: "";
  position: absolute;
  box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6),
  -9px -9px 16px rgba(255, 255, 255, 0.6);
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}